/*
  Data Loading Overlay Styles
*/

.data-loading--overlay {
  height: calc(90vh - 140px);
  display: flex;
  flex-direction: column;

  .data-loading--form {
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column;

    .data-loading--scroll-content {
      flex-grow: 1;
      text-align: center;
      display: inline-flex;
      flex-direction: column;

      .data-loading--columns {
        display: flex;
        // align-items: stretch;
        flex-direction: row;
        flex-grow: 1;
      }
    }

    .data-loading--button-container {
      position: relative;
      display: inline-flex;
      align-content: center;
      justify-content: center;
      padding: 15px;
    }
  }
}

.data-loading--column-panel {
  background-color: $g3-castle;
  border-radius: 0 $radius $radius 0;
  flex: 1 0 auto;
  padding: $ix-marg-d;
}